
<draggable-component id="drag_MUsXHYPesM">
 <chart-component
  title-text="销量趋势"
  title-color="darkblue"
  legend-show="true"
  tooltip="{}"
  x-axis='{"type":"category","data":["一月","二月","三月"]}'
  y-axis='{"type":"value"}'
  series='[{"name":"销量","type":"bar","data":[5,10,15]}]'
  grid='{"top":30,"left":40,"right":30,"bottom":30}'
  color='["#5470C6","#91CC75","#EE6666"]'
  background-color="#f5f5f5"
  datazoom='[{"type":"slider"}]'
  toolbox='{"feature":{"saveAsImage":{}}}'
  visualmap='{"min":0,"max":100,"inRange":{"color":["blue","red"]}}'
  animation="true"
  animation-duration="1500"
  animation-easing="elasticOut"
></chart-component>
 
 </draggable-component>
<draggable-component id="drag_Oac9inrtSZ">
 <gauge-chart 
  titMEM" 
  value="68" 
  min="0" 
  max="100" 
  title-color="#333" 
  color="#91cc75">
</gauge-chart>
 
 </draggable-component>
<draggable-component id="drag_6dkdfWYbPK">
 <line-chart
  style="width: 600px; height: 400px;"
  title="本季度销售趋势"
  title-color="#333"
  x-font-color="#333"
  y-font-color="#333"
  legend-color="gray"
  line-color="#ff6600"
  area-color="rgba(255,102,0,0.2)"
  show-area
  x-data="1月,2月,3月,4月,5月,6月"
  y-data="120,200,150,80,70,110">
</line-chart> 
 </draggable-component>
<draggable-component id="drag_j3F4FFH4hc">
 <noise-art 
  frequency="300"
  offsetX="0"
  offsetY="150"
  minSize="4"
  maxSize="16"
  duration="5000"
  color0="#f0f0f0"
  color1="#000000"
  backgroundColor="#ffffff">
</noise-art>
 
 </draggable-component>
<draggable-component id="drag_4zJa6QaJfF">
 <ring-chart 
  title="任务完成率"
  title-color="#333"
  data-label="完成"
  data-value="68"
  total-value="100"
  color="#91cc75"
  bg-color="#eee">
</ring-chart>
 
 </draggable-component>
<draggable-component id="drag_ra2M21Wlky">
 <h1>Hover over elements to see their dimensions and position</h1>
<a style="font-size:3vh ">This is a paragraph.</a>
<button>A button</button> 
 </draggable-component>
<draggable-component id="drag_fELUnJJ5Eo">
 <big-bang character="abc" color="lightblue" bgcolor="black">
<h1 slot="title">sgc</h1>
</big-bang> 
 </draggable-component>
<draggable-component id="drag_stBhgknWum">
 <text-component><p slot="content">这是一个文本组件，插槽中的内容会替换默认文本。</p></text-component> 
 </draggable-component>
<draggable-component id="drag_ZUpX6iQ2ZT">
 <text-component><p slot="content">这是一个文本组件，插槽中的内容会替换默认文本。</p></text-component> 
 </draggable-component>